<template>
    <div>
        <ul class="bread-container">
            <li v-for="item,index in nav" :key="index" :class="index==nav.length-1? 'last':'' ">
                {{item.name}} <span v-show="index!=nav.length-1"> /</span>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    props:['nav']
};
</script>

<style scoped lang="less">
    .bread-container{
        margin: 20px 0;
        display: flex;

        li{
            margin-left: 5px;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 23px;
            letter-spacing: 0px;
            color: #999;
            cursor: pointer;
        }

        .last{
            color: #333;
            font-size: 14px;
        }
    }
</style>
